.advanced-card {
  width: 95.625rem; /* 1530px */
  border-radius: 1.25rem; /* 20px */
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 1.09375rem; /* 1.25em */
  display: flex;
  flex-direction: column;
  padding: 1.09375rem; /* 1.25em */
}

.card-top {
  display: flex;
  flex-direction: row;
}

.advanced-card-image {
  width: 25%;
  height: auto;
  object-fit: cover;
  border-radius: 0.4375rem; /* 0.5em */
  margin-right: 1.1125rem; /* 1.27em */
}

.advanced-card-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.advanced-card-title {
  font-size: 1.25rem; /* 20px */
  font-weight: bold;
  margin: 0;
  color: #333;
}

.advanced-card-tags {
  display: flex;
  gap: 0.546875rem; /* 0.625em */
  margin-top: 0.546875rem; /* 0.625em */
}

.advanced-card-tag {
  background: #fff; /* 背景颜色改为白色 */
  color: black; /* 字体颜色改为黑色 */
  border: 0.0625rem solid #ccc; /* 1px 添加灰色边框 */
  border-radius: 0.1640625rem; /* 0.188em */
  padding: 0.25rem 0.3125rem; /* 4px 5px */
  font-size: 1rem; /* 16px */
}

.advanced-card-description {
  margin-top: 0.6125rem; /* 0.7em */
  margin-bottom: 0;
  font-size: 1.125rem; /* 18px */
  line-height: 1.5;
  color: #81838f;
}

.advanced-card-actions {
  display: flex;
  align-items: center;
  gap: 2.1875rem; /* 2.5em */
  margin-top: 0.546875rem; /* 0.625em */
  color: #81838f;
}

.advanced-card-actions span {
  display: flex;
  align-items: center;
  gap: 0.546875rem; /* 0.625em */
}

.advanced-card-actions img {
  width: 1.125rem; /* 1.20em */
  height: 1.125rem; /* 1.20em */
}

.advanced-card-detail-button {
  margin-left: auto;
  font-size: 16px; /* 18px */
  color: #2669F3; /* 深蓝色字体 */
  text-align: center; /* 居中对齐 */
  text-decoration: none; /* 去除下划线 */
  padding: 0.6rem 1.2rem; /* 0.5em 0.75em 按钮内边距 */
  border-radius: 0.21875rem; /* 0.25em 按钮圆角 */
  background-color: #e6f0ff; /* 浅蓝色背景 */
  border: none; /* 无边框 */
  cursor: pointer; /* 鼠标悬停时手型指针 */
  white-space: nowrap; /* 强制不换行 */
  box-sizing: border-box; /* 确保包括内边距和边框 */
  align-self: flex-end; /* 右对齐 */
}

.advanced-card-detail-button:hover {
  background-color: #3867ea;
  color: #fff;
}
